<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Due Dates v2.0 | Alerts</title>
<link href="style/mainstyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="container">
  <div class="header"></div>
  
  <!-- NAVIGATION MENU -->
    <ul class="menu1">
      <li><a wicket:id="Results" href="#"><b>Results</b></a></li>
      <li class="current"><a wicket:id="Alerts" href="#"><b>Alerts</b></a></li>
      <li><a wicket:id="Logout" href="#"><b>Logout</b></a></li>
    </ul>
  
  <!-- INNER CONTAINER -->
  <div class="innerContainer">
  
  <form name="alertsForm" wicket:id="alertsForm">
    <label><strong>Enable Alerts</strong></label>
    <input id="enableAlerts" name="Enable Alerts" type="checkbox" wicket:id="enableAlerts" /><br /> 
    <small><em>(Alerts will send to your user email once a day)</em></small><br />
    <br />
    <strong>Libraries to Monitor:</strong><br />
    	<ul>
    		<li><label><em>University of Hawaii Library</em></label>
    		<input id="enableUH" type="checkbox" wicket:id="enableUhAlerts" /></li>
    		<li><label><em>Hawaii State Library</em></label>
    		<input id="enableHSL" type="checkbox" wicket:id="enableHslAlerts" /></li>
    </ul>
    
    <br />
    
    <label for="daysUntilDue"><wicket:message key="integer" /><strong>Number of days before an item's due date<br /> to generate a notification </strong>(default is 7 days):</label><br />
    <input id="daysUntilDue" type="text" wicket:id="daysUntilDue" />
    <p style="color:red;font-size:10px;"><span wicket:id="feedback">[Invalid Input or says 'Alerts Started']</span></p> <br />
    <input id="update" type="submit" value="Start Alerts" wicket:id="updateButton" />
    <span wicket:id="response">[response]</span>
    
  </form>  
  
 <!--not sure what's going on here   <div id="feedbackPanel">
       <span wicket:id="feedback"/>
    </div>
    -->
  </div>

</div>

  <div class="footer">
    Website maintained by <a href="http://code.google.com/p/duedates-ulaula/">DUEDATES-ULAULA</a>. &copy; 2008
  </div>
  
</body>
</html>